<? include"cek_sesi.php"; $level=$_SESSION['level'];?><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../gambar/logo-sm.png">

    <title>PT. Pardic Jaya Chemicals &raquo; <?php echo ucfirst($_REQUEST['act'])?></title>
<link href="../lib/css/font-awesome.min.css" rel="stylesheet" type="text/css">

<link href="../lib/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css">
<link href="../lib/bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="../lib/bootstrap-3.2.0-dist/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
<link href="../lib/bootstrap-3.2.0-dist/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css">


<script type="text/javascript" src="../lib/jquery-1.11.min.js"></script>
<script type="text/javascript" src="../lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="../lib/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="../lib/moment.js"></script>

<script type="text/javascript" src="../lib/bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../lib/bootstrap-3.2.0-dist/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="../lib/theme.js"></script>


<link href="../lib/theme.css" rel="stylesheet" type="text/css">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../lib/bootstrap-3.2.0-dist/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
<?php
function build_menu($key)
{
  $menu = array();
  $menu['Info']  = '<a href="?act=schedule">Schedule</a>|<a href="?act=materi">Materi</a>|<a href="?act=training">Training</a>|<a href="?act=kelompok">Kelompok</a>';
  $menu['Personal']  = '<a href="?act=jabatan">Jabatan</a>|<a href="?act=pendidikan">Pendidikan</a>|<a href="?act=karyawan">Karyawan</a>|<a href="?act=admin">Admin</a>';
  $menu['Kualifikasi']  = '<a href="?act=jobdesc">Jobdesc</a>|<a href="?act=gap_analisis">Gap Analisis</a>';
  $menu['Factory']  = '<a href="?act=divisi">Divisi</a>|<a href="?act=bagian">Bagian</a>|<a href="?act=seksi">Seksi</a>';
  $menu['Trainer']  = '<a href="?act=instruktur">Instruktur</a>';
  
  $menus = explode('|', $menu[$key]);
  $menu_str = '';

  foreach ($menus as $menu) 
  {
    $menu_str .= '<li>'.$menu.'</li>'; 
  }
  return $menu_str;
}
?>
<style type="text/css">
.main-menu.nav-pills > li{
  width: 88px;
}
.main-menu.nav-pills > li.logout{
  width: 105px;
}
.main-menu.nav-pills > li.laporan{
  width: 128px;
}
.main-menu.nav-pills > li.info{
  width: 96px;
}
.main-menu.nav-pills > li.personal{
  width: 138px;
}
.main-menu.nav-pills > li.kualifikasi{
  width: 143px;
}
.main-menu.nav-pills > li.trainer{
  width: 125px;
}
.main-menu.nav-pills > li.factory{
  width: 125px;
}
.lg-header{
  display: block;
  width: 300px;
  height: 100px;
  overflow: hidden;
  border: solid 1px #ddd;
  float: left;
}
.header-swf{
 height: 79px;
    margin: 0 0 0 302px;
    overflow: hidden;
}
.top-lg{
 background: none repeat scroll 0 0 #f7f9fd;
    height: 78px;
    overflow: hidden;
    /*padding: 5% 13px;*/
    position: absolute;
    width: 302px;
}
.top-lg .hts{
  color: #000;
    font-weight: bold;
    line-height: 48px;
    /*margin: 38px 0;*/
    position: absolute;
    text-align: center;
    text-shadow: 1px -1px 1px #d4d4d4;
    text-transform: uppercase;
    width: 301px;
    margin: 43px 0 0 13px;
}
.header-swf{
  background: #d5eef1;
}
.main-menu
{
  /*margin-left: 253px !important;*/
}
.side-bar-r{
/*  box-shadow: 0 1px 3px #ddd;*/
}
.main-content-center{
/*  box-shadow: 2px -2px 3px #f6f6f6;*/
}
.align-r{
  text-align: right !important;
}
.banner{
  position: absolute;

    background: none;
/*    border: 1px solid #ccc;*/
    height: 132px;
    margin: -132px 0 0 249px;
    opacity: 0.7;
    width: 713px;
    overflow: hidden;
}
.action-button{
height: 48px;
    margin: -47px 0 0;
    padding: 15px 39px 0 0;
    position: absolute;
    text-align: right;
    width: 100%;
}
span > table{
  width: 100%;
}
.dtObj{
  width: 200px !important;
 /* background: #ccc !important;*/
}
.page-header h1{
  margin: 0;
}
form[name=form1]{
/*  background: #d5eef1 !important;*/
  background: none repeat scroll 0 0 #fff;
    border-radius: 7px;
    box-shadow: 0 0 4px #f3f3f3;
    padding: 2em;
}
form[name=form1] input[type=text],
form[name=form1] select{
  border: solid 1px #ccc;
  padding: 4px;
}
/*form[name=form1] table tr td{
  width: 120px;
}*/
table{
  width: 100%;
}
table td{
  padding: 4px;
}
.lg-p{
  height: 53px;
    margin: -19px 0 0 10px;
    overflow: hidden;
    position: absolute;
    width: 24px;
    z-index: 4;
}
.lg-n{
  height: 40px;
    margin: 2px auto;
    overflow: hidden;
    width: 100px;
}
#carousel-example-generic .carousel-inner .item img{
  width: 100% !important;
  width: auto;
  margin-top:-32% !important; 
}
</style>
  <body>

    <div class="container">
 <div class="top-lg">
    <div class="hts">
<h4 title="<?php print_r($_SESSION)?>"> PT. Pardic Jaya Chemicals</h4>
     
    </div>
    <div class="lg-n"><img src="../lib/lg.png" style="display: block; width: 142px; margin: 0px;"></div>
       <div class="lg-p">
  
  <!--  -->
     <img src="../lib/lg.png" style="display: block; width: 83px; margin: 24px 0px 0px -59px;">
  <!--  -->
</div></div>
  <div class="header-swf">
<!--  START SLIDESHOW -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>
 
  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="../gambar/foto_fade/foto_fade_image_00002.jpg" alt="...">
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>
    <div class="item">
      <img src="../gambar/foto_fade/foto_fade_image_00004.jpg" alt="...">
      
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>
    <div class="item">
      <img src="../gambar/foto_fade/foto_fade_image_00006.jpg" alt="...">
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>
    <div class="item">
      <img src="../gambar/foto_fade/foto_fade_image_00008.jpg" alt="...">
      <div class="carousel-caption">
          <h3>Caption Text</h3>
      </div>
    </div>
  </div>
 
  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div> <!-- Carousel -->
<!-- END SLIDESHOW -->
      </div>
     <div class="banner">
<!-- <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="718" height="232">
  <param name="movie" value="gambar/foto_fade.swf" />
  <param name="quality" value="high" /><param name="SCALE" value="noborder" /><param name="BGCOLOR" value="#969696" />
  <embed src="../gambar/foto_fade.swf" width="718" height="232" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="noborder" bgcolor="#969696"></embed>
</object> -->
     </div>
      <div class="header">
        <?php if($level=='admin'){?>
        <ul class="nav nav-pills pull-left main-menu" style="margin: 3px 0px;">
          
          <li><a href="?act=depan"><i class="fa fa-home"></i> Home</a></li>
          
        
          <li class="dropdown info">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-comment"></i>  Info <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Info');?>
            </ul>
          </li>
          <li class="dropdown personal">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-user"></i>  Personal <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Personal');?>
            </ul>
          </li>
          <li class="dropdown kualifikasi">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-bookmark"></i>  Kualifikasi <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Kualifikasi');?>
            </ul>
          </li>
          <li class="dropdown factory">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-bookmark"></i>  Factory <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Factory');?>
            </ul>
          </li>
          <li class="dropdown trainer">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-male"></i>  Trainer <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Trainer');?>
            </ul>
          </li>
          <li class="dropdown laporan">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-bar-chart-o"></i>  Laporan <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <li class="pr"><a href="tgl_lap_progrees_report.php" data-fancybox-type="iframe" class="various"><i class="fa fa-hand-o-right"></i> Progress Report</a></li>
              <li><a href="tgl_lap_cpp.php" data-fancybox-type="iframe" class="various"><i class="fa fa-hand-o-right"></i> CPP</a></li>
              <li><a href="tgl_lap_ctp.php" data-fancybox-type="iframe" class="various"><i class="fa fa-hand-o-right" ></i> CTP</a></li>
            </ul>
          </li>
          <li class="logout"><a href="logout.php"><i class="fa fa-rotate-left"></i> Logout</a></li>
        </ul>
        <?php } else if($level=='karyawan'){?>
         <ul class="nav nav-pills pull-left main-menu" style="margin: 3px 0px;">
          
          <li><a href="?act=depan"><i class="fa fa-home"></i> Home</a></li>
          
        
          <li class="dropdown info">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-comment"></i>  Info <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
               <li><a href="?act=schedule">Schedule</a></li><li><a href="?act=materi">Materi</a></li><li><a href="?act=training">Training</a></li><li>
            </ul>
          </li>
          <li class="dropdown personal">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-user"></i>  Personal <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
             <li><a href="?act=karyawan">Karyawan</a></li><li><a href="?act=admin">Admin</a></li>  
            </ul>
          </li>
          <li class="dropdown kualifikasi">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-bookmark"></i>  Kualifikasi <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <li><a href="?act=gap_analisis">Gap Analisis</a></li>
            </ul>
          </li>
          <li class="dropdown factory">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-bookmark"></i>  Factory <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Factory');?>
            </ul>
          </li>
          <li class="dropdown trainer">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-male"></i>  Trainer <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Trainer');?>
            </ul>
          </li>
        
          <li class="logout"><a href="logout.php"><i class="fa fa-rotate-left"></i> Logout</a></li>
        </ul>
        <?php } else if($level=='departemen_head'){?>
        <ul class="nav nav-pills pull-left main-menu" style="margin: 3px 0px;">
          
          <li><a href="?act=depan"><i class="fa fa-home"></i> Home</a></li>
          
        
          <li class="dropdown info">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-comment"></i>  Info <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Info');?>
            </ul>
          </li>
          <li class="dropdown personal">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-user"></i>  Personal <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Personal');?>
            </ul>
          </li>
          <li class="dropdown kualifikasi">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-bookmark"></i>  Kualifikasi <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Kualifikasi');?>
            </ul>
          </li>
          <li class="dropdown factory">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-bookmark"></i>  Factory <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Factory');?>
            </ul>
          </li>
          <li class="dropdown trainer">
            <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
              <i class="fa fa-male"></i>  Trainer <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
              <?php echo build_menu('Trainer');?>
            </ul>
          </li>
        
          <li class="logout"><a href="logout.php"><i class="fa fa-rotate-left"></i> Logout</a></li>
        </ul>
        <?php } ?>
        <h3 class="text-muted" style="background: #003449; height: 46px;">
        </h3>
      </div>

<!--       <div class="jumbotron">
        <h1>Jumbotron heading</h1>
        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
        <p><a class="btn btn-lg btn-success" href="#" role="button">Sign up today</a></p>
      </div> -->

      <div class="row marketing">
       <div class="col-lg-12 main-content-center" >
            <? include "buka_halaman.php"; ?>
        </div>
        
        
    <!--     <div class="col-lg-6">
          <h4>Subheading</h4>
          <p>Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.</p>

          <h4>Subheading</h4>
          <p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.</p>

          <h4>Subheading</h4>
          <p>Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
        </div> -->
      </div>

      <div class="footer" style="text-align:center">
        <p>Copyright &copy; 2010 - 2014 PT. PARDIC JAYA CHEMICAL - All rights reserved.</p>
      </div>

    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
  </body>
</html>

<script type="text/javascript">
$(document).ready(function(){
    try{
    var act = '<?php echo $_REQUEST['act']?>';
    var ln  = $('a[href*='+act+']');
   // console.log(ln)
    ln.parent().addClass('active');
  }catch(e){}
 // console.log(act)
 $(".various").fancybox({
    // maxWidth  : 800,
    // maxHeight : 600,
    // fitToView : false,
    // width   : '70%',
    // height    : '70%',
    // autoSize  : true,
    // closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
  });
  $('.carousel').carousel({
        interval: 4000,
        wrap:true
    })
});
</script>